/*引入混合函数*/
@import "mixins.less";
/*引入全局变量*/
@import "varibles.less";
#fill{
    position: relative;
    width: 100%;
            // <!-- 头部导航 -->
        .top-nav{
            position: fixed;
            z-index: 1000;
            top: 0rem;
            left: 0rem;
            width: 100%;
            height: 0.4rem;
                background-color: #1448ae;
                display: flex;
                font-size: 0.16rem;
                    .top-nav1{
                        width: 33.333%;
                        i{
                            display: block;
                            margin: 0.1rem 0rem 0rem 0.15rem;
                            height: 0.175rem;
                           .w(35);
                            background: url(../images/icon/sprites.png) no-repeat -0.5rem -0.15rem;
                            box-sizing: border-box;
                            background-size: 3.75rem 4.75rem;
                        }
                     
                    }
                    p{
                        padding: 0.1rem 0rem;
                        display: block;
                        width: 33.333%;
                        text-align: center;
                        color: #ffffff;
                    }
          
            }
        .container{
                width: 100%;
                .max-width();
                margin: 0.3rem auto;
                background-color: #edf1f2;
                .fill-details{
                    width: 92%;
                    margin: 0 auto;
                    padding: 0.16rem 0rem;
                    color: #888d94;
                    .fill-top{
                        p:nth-child(1){
                            font-size: 0.17rem;
                        }
                        p:nth-child(2){
                            font-size: 0.14rem;
                            padding-top: 0.05rem;
                        }
                        p:nth-child(3){
                            font-size: 0.14rem;
                            padding-top: 0.05rem;
                            span{
                                float: right;
                            }
                        }
                    }
                    .fill-select{
                       
                        padding-bottom: 0.3rem;
                        margin-top: 0.2rem;
                        border-radius: 0.1rem;
                        background-color: #ffffff;
                        ul{
                            position: relative;
                            display: flex;
                            li:nth-child(1){
                                width: 14.5%;
                                a{
                                    display: block;
                                    i{
                                        position: absolute;
                                        top: 0.1rem;
                                        left: 0.05rem;
                                        display: block;
                                        width: 0.35rem;
                                        height: 0.35rem;
                                        background: url(../images/icon/sprites.png) no-repeat -0.17rem -2.55rem;
                                        box-sizing: border-box;
                                        background-size: 3.75rem 4.75rem;
                                    }
                                }
                            }
                            li:nth-child(2){
                                font-size: 0.16rem;
                                width: 71%;
                                p:nth-child(1){
                                    font-size: 0.2rem;
                                    padding-top: 0.1rem;
                                }
                                p:nth-child(2){
                                    font-size: 0.14rem;
                                    padding-top: 0.1rem;
                                }
                                p:nth-child(3){
                                    font-size: 0.14rem;
                                    padding-top: 0.1rem;
                                }
                            }
                            li:nth-child(3){
                                width: 14.5%;
                                a{
                                    display: block;
                                    i{
                                          position: absolute;
                                        top: 0rem;
                                        right:0.05rem;
                                        display: block;
                                        width: 0.31rem;
                                        height: 0.53rem;
                                        background: url(../images/icon/arrow_03.png) no-repeat center / auto 50% ;
                                    }
                                }
                            }
                        }
                    }
                   .fill-select2{
            padding-bottom: 0.3rem;
            margin-top: 0.2rem;
            border-radius: 0.1rem;
            background-color: #ffffff;
            ul{
                display: flex;
                position: relative;
               padding: 0.2rem 0rem;
                
                li:nth-child(1){
                    width: 14.5%;
                    font-size: 0.14rem;
                    
                   
                    a{
                        position: absolute;
                        left: 0.1rem;
                        display: block;
                        width: 0.28rem;
                        height: 0.28rem;
                        border: 0.02rem solid #CAD7DA;
                        border-radius: 50%;
                        text-align: center;
                        padding-top: 0.04rem;
                        color: #CAD7DA;
                    }
                }
                li:nth-child(2){
                    width: 71%;
                    font-size: 0.19rem;
                    color: #888D94;  
                }
                li:nth-child(2).on{
                    font-size: 0.14rem;
                }
                li:nth-child(3){
                    width: 14.5%;
                    a{
                        display: block;
                        i{  
                            position: absolute;
                            top: 0rem;
                            right:0.05rem;
                            display: block;
                            width: 0.31rem;
                            height: 0.53rem;
                            background: url(../images/icon/arrow_03.png) no-repeat center / auto 50% ;
                        }
                    }
                }
            

            }
            ul:nth-child(3){
                padding-top: 0px;
            }
                    }
                    .fill-select3{
                       
                        padding-bottom: 0.3rem;
                        margin-top: 0.2rem;
                        border-radius: 0.1rem;
                        background-color: #ffffff;
                        ul{
                            position: relative;
                            display: flex;
                            padding-top: 0.1rem;
                            li:nth-child(1){
                                width: 14.5%;
                                a{
                                    display: block;
                                    i{
                                        position: absolute;
                                        top: 0.24rem;
                                        left: 0.1rem;
                                        display: block;
                                        width: 0.35rem;
                                        height: 0.35rem;
                                        background: url(../images/icon/sprites.png) no-repeat -0.65rem -2.55rem;
                                        box-sizing: border-box;
                                        background-size: 3.75rem 4.75rem;
                                    }
                                }
                            }
                            li:nth-child(2){
                                font-size: 0.16rem;
                                width: 73%;
                                p:nth-child(1){
                                    font-size: 0.14rem;
                                    color: #A9AAAD;
                                    padding-top: 0.1rem;
                                }
                                input{
                                    margin-top: 0.05rem;
                                    width: 100%;
                                    font-size: 0.16rem;
                                    padding-top: 0.1rem;
                                    color: #CAD7DA;
                                    border: none;
                                }
                       
                            }
                            li:nth-child(3){
                                width: 12.5%;
                                a{
                                    display: block;
                                    i{
                                          position: absolute;
                                        top: 0.24rem;
                                        right:0.15rem;
                                        display: block;
                                        width: 0.21rem;
                                        height: 0.23rem;
                                        background: url(../images/icon/sprites.png)no-repeat -2.22rem -2.59rem;
                                        box-sizing: border-box;
                                        background-size: 3.75rem 4.75rem;
                                    }
                                }
                            }
                        }
                    }
                    .fill-select4{
                        margin-top: 0.15rem;
                        
                        width: 3.48rem;
                        height: 0.57rem;
                        width: 100%;
                        display: block;
                        background: url(../images/img/fill-youhuiquan_03.png) no-repeat center / auto 100%;
                        div{
                            display: flex;
                            padding-left: 1.17rem;
                            padding-top: 0.15rem;
                            position: relative;
                                p{
                                    font-size: 0.19rem;
                                    color: #676C73;
                                }
                                a{
                                    display: block;
                                   position: absolute;
                                   top: 0.1rem;
                                   right: 0.2rem;
                                    width: 0.21rem;
                                    height: 0.36rem;
                                    background: url(../images/icon/arrow_right3.png)no-repeat center;
                                  
                                }
                                
                            }
                     }
                     .fill-select5{
                        padding-bottom: 0.3rem;
                        margin-top: 0.2rem;
                        border-radius: 0.1rem;
                        background-color: #ffffff;
                        ul{
                            position: relative;
                            display: flex;
                            padding-top: 0.1rem;
                            li:nth-child(1){
                                width: 14.5%;
                                a{
                                    display: block;
                                    i{
                                        position: absolute;
                                        top: 0.23rem;
                                        left: 0.05rem;
                                        display: block;
                                        width: 0.35rem;
                                        height: 0.35rem;
                                        background: url(../images/icon/sprites.png) no-repeat -1.17rem -2.55rem;
                                        box-sizing: border-box;
                                        background-size: 3.75rem 4.75rem;
                                    }
                                }
                            }
                            li:nth-child(2){
                                font-size: 0.16rem;
                                width: 71%;
                                p:nth-child(1){
                                    font-size: 0.14rem;
                                    color: #A9AAAD;
                                    padding-top: 0.1rem;
                                }
                                p:nth-child(2){
                                    font-size: 0.19rem;
                                    color: #888D94;
                                }
                
                            }
                            li:nth-child(3){
                                width: 14.5%;
                                a{
                                    display: block;
                                    i{
                                          position: absolute;
                                        top: 0.2rem;
                                        right:0.05rem;
                                        display: block;
                                        width: 0.31rem;
                                        height: 0.53rem;
                                        background: url(../images/icon/arrow_03.png) no-repeat center / auto 50% ;
                                    }
                                }
                            }
                        }
                        ul:nth-child(2){
                            li:nth-child(1){
                                a{
                                    i{
                                        background: url(../images/icon/sprites.png) no-repeat -1.71rem -2.55rem;
                                        box-sizing: border-box;
                                        background-size: 3.75rem 4.75rem;  
                                    }
                                }
                            }
                        }
                     }
                     .fill-selected6{
                         width: 100%;
                         font-size: 0.14rem;
                         color:#A9AAAD;
                         margin-top: 0.1rem;
                         padding-bottom: 0.52rem;
                         p{
                             padding: 0.05rem 0rem;
                        position: relative;
                             padding-left: 0.2rem;
                             i{
                                 position: absolute;
                                 top: 0.1rem;
                                 left: 0rem;
                                 display: block;
                                 width: 0.15rem;
                                 height: 0.15rem;
                                 background: url(../images/icon/sprites.png)no-repeat -2.19rem -2.1rem;
                                 box-sizing: border-box;
                                 background-size: 3.75rem 4.75rem;
                             }
                         }
                     }
        } 
    }
    .fill-footer{
        width: 100%;
        border-top: 0.01rem solid #A9AAAD;
        height: 0.52rem;
        position: fixed;
        left: 0rem;
        bottom: 0rem;
        display: flex;
        .tobal{
            width: 53.3%;
            // text-align: center;
            background-color: #ffffff;
            p{
                padding-left: 0.6rem;
                color: #F88412;
                font-size: 0.3rem;
                position: relative;
                span{
                    position: absolute;
                    left: 0.45rem;
                    top: 0.05rem;
                    font-size: 0.12rem;
                }
                a{
                    font-size: 0.12rem;
                    color: #A9AAAD;
                    padding-left: 0.05rem;

                }
            
            }
        }
        .tobal2{
            width: 46.7%;
            font-size: 0.3rem;
            background-color: #F88412;
            text-align: center;
            a{
                color: #ffffff;
            }
        }
    }
 }
